/**
 * Created by Haohao on 15-6-23.
 */
var currentidx;

function ee(idx,node){
    $("#imgs").attr({"src":"photo/"+(idx+1)+".jpg"});


    var h=node.height();
    var w=node.width();
    if(h>w){
        $("#imgs").removeClass("boxls2");
        $("#imgs").addClass("boxpt2");
    }else{
        $("#imgs").removeClass("boxpt2");
        $("#imgs").addClass("boxls2");
    }
}

$(function(){//$(document).ready(function(){
    for(var i= 1;i<31;i++){
        var node=$("<div class='box ' id='id"+i+"'><img src='photo/thumb/"+i+".jpg'/></div>");
        $("body").append(node);
    }
    $("#close").click(function(){
        $(".center").hide();
    });
    $("img").not(".center img").click(function(){
        var idx=$("img").not(".center img").index(this);
        ee(idx,$(this));

        $(".center").slideDown(500);
        currentidx=idx;
    });
    $("#next").click(function(){
        currentidx=(currentidx+1)%30;

        ee(currentidx,$("img").not(".center img").eq(currentidx));
    });
    $("#prev").click(function(){
        currentidx=(currentidx+29)%30;

        ee(currentidx,$("img").not(".center img").eq(currentidx));
    });

});

$(window).load(function(){
    for(var i=0;i<31;i++){
        var h=$("img").not(".center img").eq(i).height();
        var w=$("img").not(".center img").eq(i).width();
        if(h>w){
            $(".box").eq(i).addClass("boxpt");
        }else{
            $(".box").eq(i).addClass("boxls");
        }
    }
});